//执行渲染
layui.use(['table','layer','form'],function(){
    var data=document.getElementById("sj").value;
    var table =layui.table;
    var layer=layui.layer;
    var form = layui.form;
    /*展示数据表格  */
    table.render({
        elem:'#test'//表格id
        ,url:data+'/booktypeAction.action?methodName=list'//所对应调用的接口
        ,method:'post'		//提交方式
        ,cols:[[
            /*根据数据库的表格所对应的名称  */
            {field:'booktypeid',height:80, width:300, title: '书籍类别序号', sort: true}
            ,{field:'booktypename', height:80,width:300, title: '书籍类别名称'}
            ,{field:'createtime',height:80, width:300, title: '当前时间',templet:"<div>{{layui.util.toDateString(d.createtime, 'yyyy-MM-dd HH:mm:ss')}}</div>"}
            ,{field:'right',height:80, width:300, title: '操作', toolbar:'#lineBtns'}//操作栏
        ]]
        ,page:'true'//分页
        , id: 'testReload'
    });

    //上方菜单操作栏(查询、以及  增加  按钮  )
    var $ = layui.$, active = {
        //查询
        reload: function () {
            var booktypename = $('#booktypename');//书籍类别名称 根据 id来取值
            console.log(booktypename.val());
            // 执行重载
            table.reload('testReload', {
                page: {
                    curr: 1
                    // 重新从第 1 页开始
                },
                where: {
                    key: 'booktypename',
                    booktypename: booktypename.val(),
                }
            });
        }, add: function () { //添加
            layer.open({//弹出框
                type: 1,
                title: '添加书本类别',
                maxmin: true,
                shadeClose: true, //点击遮罩关闭层
                area: ['80%', '80%'],
                content: $('#box1'),
                btn: ['确定', '取消'],
                yes: function (index, layero) {//确定执行函数
                    console.log(layero);
                    //执行添加方法
                    $.getJSON(data+"/booktypeAction.action?methodName=addBookType", {
                        booktypename: $("#booktypename1").val(), ///角色名
                        /* booktypename: $("input[ name='booktypename1']").val(), *///角色名
                    }, function (data) {
                        /*根据后台返回的参数来进行判断  */
                        if (data==1) {
                            layer.alert('添加成功', {icon: 1, title: '提示'}, function (i) {
                                layer.close(i);
                                layer.close(index);//关闭弹出层
                                $("#booktype")[0].reset()//重置form
                            })
                            table.reload('testReload', {//重载表格
                                page: {
                                    curr: 1
                                    // 重新从第 1 页开始
                                }
                            })
                        } else if(data==2){
                            layer.msg('添加失败,请勿重复添加书本类别名称')
                        }
                    })

                }, cancel: function (index, layero) {//取消
                    $("#booktype")[0].reset()//重置form  根据id
                    layer.close(index)
                }
            });
        }
    }
    $('.layui-form .layui-btn').on('click', function () {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });



    /*表格 行内操作(编辑  以及  删除 按钮操作)  */
    table.on('tool(test)', function(obj){
        var data = obj.data; //获得当前行数据
        var urlex=document.getElementById("sj").value;
        var tr=obj.tr//活动当前行tr 的  DOM对象
        console.log(data);
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        if(layEvent === 'del'){ //删除
            layer.confirm('确定删除吗？',{title:'删除'}, function(index){
                //向服务端发送删除指令og
                $.getJSON(urlex+'/booktypeAction.action?methodName=deleteBookType',{booktypeid:data.booktypeid}, function(ret){
                    layer.close(index);//关闭弹窗
                    table.reload('testReload', {//重载表格
                        page: {
                            curr: 1
                            // 重新从第 1 页开始
                        }
                    })
                });
                layer.close(index);
            });
        } else if(layEvent === 'edit'){ //编辑
            layer.open({
                type: 1 //Page层类型
                ,skin: 'layui-layer-molv'
                ,area: ['380px', '270px']
                ,title: ['编辑书本类别信息','font-size:18px']
                ,btn: ['确定', '取消']
                ,shadeClose: true
                ,shade: 0 //遮罩透明度
                ,maxmin: true //允许全屏最小化
                ,content:$('#box1')  //弹窗id
                ,success:function(layero,index){
                    $('#booktypeid').val(data.booktypeid);
                    $('#booktypename1').val(data.booktypename);
                },yes:function(index,layero){
                    /*  $.ajaxSettings.async = false; */
                    $.getJSON(urlex+'/booktypeAction.action?methodName=updateBookType',{
                        booktypeid: $('#booktypeid').val(),
                        booktypename: $('#booktypename1').val(),
                        booktypeid: data.booktypeid,
                    },function(data){
                        //根据后台返回的参数，来进行判断
                            if(data>0){
                                layer.alert('编辑成功',{icon:1,title:'提示'},function(i){
                                    layer.close(i);
                                    layer.close(index);//关闭弹出层
                                    $("#booktype")[0].reset()//重置form
                                })
                                table.reload('testReload',{//重载表格
                                    page:{
                                        curr:1
                                    }
                                })
                        }
                    });
                }


            });
        }

    });

});
